{template 'member', 'header'}
<div id="main-content">

	{template 'member', 'left'}
	<div class="right">
<div class="hd">
  <h3 class="t03"><strong>个人信息</strong> >><a href="#">头像管理</a></h3>
</div>
<style type="text/css">
.col-auto .col-right {
    margin-left: 10px;
    width: 200px;
}
.col-right {
    float: right;
}
#h_c_m #main-content .right .bd03 {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    height: auto;
    margin: 10px auto 20px;
    padding: 10px 10px 60px;
    width: 708px;
}

#h_c_m #main-content .right dl, #h_c_m #main-content .right .bd01, #h_c_m #main-content .right .bd03 {
    border-color: #E4E4E4 #E4E4E4 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    height: auto;
    margin: 14px auto 0;
    width: 750px;
}
#h_c_m #main-content .right .bd02 .hd, #h_c_m #main-content .right .hd01, #h_c_m #main-content .right .hd03 {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    height: 28px;
    overflow: hidden;
    width: 100%;
}

#h_c_m #main-content .right .hd {
    background-color: #FFF6EA;
    border-bottom: 1px solid #FDD49F;
    color: #343434;
    font: bold 12px "宋体";
    height: 21px;
    padding-top: 10px;
    width: 780px;
}
.col-1 div.content {
    padding: 0 10px 10px;
}
.col-auto {
    overflow: hidden;

}
</style>
<div class="bd01" style="height: 520px;">
<span class="span04">{L('modify').L('avatar')}</span>
<div class="bd03" style="overflow: auto; height: 640px; width: 728px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 4px;">
<div class="hd"  style="height:600px;overflow:auto;width: 738px;">
	
		<div class="col-auto">
		<div class="col-1 ">
		
			
			<div class="content" style="width: 713px;">
				
				<script language="javascript" type="text/javascript" src="{$phpsso_api_url}/statics/js/swfobject.js"></script>
				<script type="text/javascript">
					var flashvars = {
						'upurl':"{$upurl}&callback=return_avatar&"
					}; 
					var params = {
						'align':'middle',
						'play':'true',
						'loop':'false',
						'scale':'showall',
						'wmode':'window',
						'devicefont':'true',
						'id':'Main',
						'bgcolor':'#ffffff',
						'name':'Main',
						'allowscriptaccess':'always'
					}; 
					var attributes = {
						
					}; 
					swfobject.embedSWF("{$phpsso_api_url}/statics/images/main.swf", "myContent", "490", "434", "9.0.0","{$phpsso_api_url}/statics/images/expressInstall.swf", flashvars, params, attributes);

					function return_avatar(data) {
						if(data == 1) {
							window.location.reload();
						} else {
							alert('failure');
						}
					}
				</script> 
				<ul class="col-right col-avatar" style="padding-left: 10px;" id="avatarlist">
				  {loop $avatar $k $v}
					<li>
						<img src="{$v}" height="{$k}" width="{$k}" onerror="this.src='{$phpsso_api_url}/statics/images/member/nophoto.gif'"><br />
						{L('avatar')}{$k} x {$k}
					</li>
				  {/loop}
				</ul>
				<div class="col-auto">
					<div id="myContent"> 
					  <p>Alternative content</p> 
					</div>
				</div>
			</div>
			<span class="o1"></span><span class="o2"></span><span class="o3"></span><span class="o4"></span>
		</div>
	</div>
	</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>